<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
	<script src="./js/jquery-1.11.0.min.js"></script>
	<script src="./js/jquery.flexslider-min.js"></script>
	<script src="./js/index.js"></script>
</head>

<body>
	<!--头部整体header-->
	<div id="header">
		<!--header_top-->
		<div id="header_top">
			<div class="w1200 clearfix">
				<ul class="nav">
					<li>
						<a href="">主站</a>
					</li>
					<li>
						<a href="">画友</a>
					</li>
					<li>
						<a href="">音频</a>
					</li>
					<li>
						<a href="">游戏中心</a>
					</li>
					<li>
						<a href="">会员</a>
					</li>
					<li>
						<a href="">漫画</a>
					</li>
				</ul>
				<ul class="login">
					<li>
						<a href="">登陆</a>
					</li>
					<li>
						<a href="">注册</a>
					</li>
					<li>
						<a href="">收藏</a>
					</li>
					<li>
						<a href="">投稿</a>
					</li>
				</ul>
			</div>
		</div>
		<!--header_center-->
		<div id="header_center" class="w1200 clearfix">
			<h1 class="logo">
				<a href="">
					<img src="https://static.acgxt.com/logo6.webp" />
				</a>
			</h1>
			<div class="search">
				<form action="">
					<input type="text" name="" id="" placeholder="喵喵喵???" />
					<button></button>
				</form>
			</div>
		</div>
		<!--header_bottom-->
		<div id="header_bottom">
			<div class="w1200">
				<ul class="menu clearfix">
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">Web前端</a>
					</li>
					<li>
						<a href="">后端语言</a>
					</li>
					<li>
						<a href="">实用工具</a>
					</li>
					<li>
						<a href="">杂七杂八</a>
					</li>
					<li>
						<a href="">ACGN</a>
					</li>
					<li>
						<a href="">留言板</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--头部整体header结束-->
	<!--主页内容index_main-->
	<div id="index_main" class="w1200">
		<!--main_header-->
		<div id="main_header" class="clearfix">
			<div class="flexslider">
				<ul class="slides">
					<li style="background:url(./img/img1.jpg) 50% 0 no-repeat;"></li>
					<li style="background:url(./img/img2.jpg) 50% 0 no-repeat;"></li>
					<li style="background:url(./img/img3.jpg) 50% 0 no-repeat;"></li>
					<li style="background:url(./img/img4.jpg) 50% 0 no-repeat;"></li>
					<li style="background:url(./img/img5.jpg) 50% 0 no-repeat;"></li>
				</ul>
			</div>
			<div class="container">
				<ul>
					<li>
						<a href="">
							<img src="img/header_container1.jpg" />
							<p>压缩PHP生成的html代码</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/header_container2.jpg" />
							<p>PHP简单文件上传</p>
						</a>
					</li>
					<li class="last">
						<a href="">
							<img src="img/header_container3.jpg" />
							<p>让IE6-IE8能够使用圆边角、阴影等效果</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/header_container4.jpg" />
							<p>CSS3常用属性及技巧</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/header_container5.jpg" />
							<p>Canvas学习日记之三-路径线段</p>
						</a>
					</li>
					<li class="last">
						<a href="">
							<img src="img/header_container6.jpg" />
							<p>PHP对象使用数组形式访问成员变量</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--main_content-->
		<div id="main_content" class="clearfix">
			<!--内容左侧-->
			<div class="main_left">
				<div class="list clearfix">
					<a class="category" href="">实用工具</a>
					<a class="avatar" href="">
						<img src="img/avatar.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/banner2.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">XtPlayer支持弹幕、字幕的H5播放器</a>
						</h3>
						<p>最近写了一个播放器玩,支持弹幕,字幕的H5播放器,另外支持hls,flv加载视频,之后会增加视频质量等其他功能,详细的使用帮助,请查看文档阅读demo地址:
							https://xtplayer.acgxt.comgithub地址:https:...</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="list clearfix">
					<a class="category" href="">实用工具</a>
					<a class="avatar" href="">
						<img src="img/avatar.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/list_pic2.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">寻觅黑洞数百年的科学家们</a>
						</h3>
						<p>阿胡贾：黑洞照片令人再度钦佩爱因斯坦的广义相对论，但我们也应该缅怀数百年来探究黑洞的其他科学家，从牧师约翰•米歇尔开始。黑洞是宇宙中不容置疑的“巨头”。这些坍缩的恒星的密度和质量都如此之大，就连光也无法逃脱它们的引力，这使它们不可见。
						</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="list clearfix">
					<a class="category" href="">实用工具</a>
					<a class="avatar" href="">
						<img src="img/avatar.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/list_pic3.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">游戏获批 腾讯股价升至9个月高位</a>
						</h3>
						<p>公司旗下一款游戏获得中国监管机构批准的消息，让腾讯股价升至2018年6月以来最高水平，今年迄今累计上涨26%。腾讯(Tencent)股价周四攀升至9个月高位，受到其一款游戏跻身于中国监管机构批准的新一批游戏之列的提振，并且顶住了亚洲股市的更广泛下跌。腾讯股价突破400港元（合50.99美元）大关，在香港早盘一度上涨2.8%，至2018年6月以来最高水平。该股今年迄今已上涨26%。
						</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="list clearfix">
					<a class="category" href="">加班文化</a>
					<a class="avatar" href="">
						<img src="img/avatar.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/list_pic4.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">刘强东和马云的另类战争</a>
						</h3>
						<p>周掌柜：马云重新定义了“加班”，刘强东则重新定义了“兄弟”，但榨干奋斗者的时代已经过去，回归平常人的生活和逻辑是每一位时代枭大佬必须面对的真问题。</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="list clearfix">
					<a class="category" href="">加班文化</a>
					<a class="avatar" href="">
						<img src="img/avatar.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/piclink.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">欧盟公布应对5G安全风险的共同计划</a>
						</h3>
						<p>根据欧盟委员会的提议，各成员国将有3个月时间实施国家风险评估，在之后的15个月里协商制定一套泛欧盟标准。</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="list clearfix">
					<a class="category" href="">加班文化</a>
					<a class="avatar" href="">
						<img src="img/piclink2.jpg" />
					</a>
					<!--主图-->
					<a class="preview" href="">
						<img src="img/list_pic4.jpg" />
					</a>
					<!--内容-->
					<div class="list_container">
						<h3 class="list_title">
							<a href="">喝葡萄酒就像听音乐</a>
						</h3>
						<p>林力博：对葡萄酒了解不多，品不出细节，并不影响品酒，就像不懂音乐也能评点一样。当然，懂得多会更愉悦。</p>
						<div class="info">
							<span class="time">
								<i class="iconfont icon-shizhong"></i>
								2019-03-09
							</span>
							<a class="user" href="">
								<i class="iconfont icon-icon_zhanghao"></i>
								幻音い
							</a>
							<span class="reading">
								<i class="iconfont icon-shiyongwendang"></i>
								阅读246
							</span>
							<a class="comment" href="">
								<i class="iconfont icon-xiaoxi"></i>
								评论(0)
							</a>
							<a class="more" href="">
								阅读全文>>
							</a>
						</div>
					</div>
				</div>
				<div class="page">
					<a href="">上一页</a>
					<a href="">1</a>
					<span class="live">2</span>
					<a href="">3</a>
					<a href="">4</a>
					<a href="">下一页</a>
					<span>一共129篇</span>
				</div>
			</div>
			<!--内容右侧-->
			<div class="main_right">
				<div class="hotArticles">
					<h2>热评文章</h2>
					<ul>
						<li>
							<a href="">
								<img src="img/header_container2.jpg" alt="" />
								<div class="data">
									<p>[经济][礼包]Cdkey—兑换码礼包与商店[1.7.x-1.10]...</p>
									<span><i class="iconfont icon-icon_zhanghao"></i>幻音い</span>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container2.jpg" alt="" />
								<div class="data">
									<p>每日巨龙，一发入魂</p>
									<span><i class="iconfont icon-icon_zhanghao"></i>幻音い</span>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container2.jpg" alt="" />
								<div class="data">
									<p>正对使用老版本系统安装10以上，或者高版本安装低版本系统无法直接安装方法。...</p>
									<span><i class="iconfont icon-icon_zhanghao"></i>幻音い</span>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container2.jpg" alt="" />
								<div class="data">
									<p>oauth授权登录接口?</p>
									<span><i class="iconfont icon-icon_zhanghao"></i>幻音い</span>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="assorted">
					<h2>杂七杂八</h2>
					<ul class="clearfix">
						<li>
							<a href="">
								<img src="img/header_container4.jpg" />
								<p>Van様访谈篇第二个片段（中世英字幕）</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container4.jpg" />
								<p>纯CSS3实现哆啦A梦</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container4.jpg" />
								<p>做一个"遮罩层"来显示内容</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/header_container4.jpg" />
								<p>CSS3模糊层效果</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="friendLink">
					<h2>友情链接</h2>
					<ul class="clearfix">
						<li>
							<a href="">绿叶学习网</a>
						</li>
						<li>
							<a href="">GAMESH</a>
						</li>
						<li>
							<a href="">宅の郷</a>
						</li>
						<li>
							<a href="">晨旭的博客</a>
						</li>
						<li>
							<a href="">TBOOX开源工程</a>
						</li>
						<li>
							<a href="">二次元圣地</a>
						</li>
						<li>
							<a href="">黑纸盒爱好者协会</a>
						</li>
						<li>
							<a href="">帅帅の次元</a>
						</li>
						<li>
							<a href="">MikuBlog</a>
						</li>
						<li>
							<a href="">Ice-Hazymoon</a>
						</li>
						<li>
							<a href="">卡秋莎的小窝</a>
						</li>
						<li>
							<a href="">猫酱杂货店</a>
						</li>
						<li>
							<a href="">手柄君的小阁</a>
						</li>
						<li>
							<a href="">六阿哥博客</a>
						</li>
						</li>
						<li>
							<a href="">Neet</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--尾页-->
	<div id="footer">
		<div class="w1200 clearfix">
			<div class="left">
				<div class="footer_nav">
					<a href="">主站</a>
					<span>·</span>
					<a href="">会员</a>
					<span>·</span>
					<a href="">消息</a>
					<span>·</span>
					<a href="">空间</a>
					<span>·</span>
					<a href="">搜索</a>
					<span>·</span>
					<a href="">API</a>
					<span>·</span>
					<a href="">网盘</a>
				</div>
				<div class="copyright">
					<span>Copyright ©2015-2019</span>
					<a href="">七空幻音</a>
					<span>All Rights Reserved.·</span>
					<a href="">Themes By 七空幻音2.0</a>
					<span>·</span>
					<a href="">蜀ICP备18034426号-1</a>
				</div>
				<p class="powered">
					<span>Powered by</span>
					<a href="">XtPHP_FrameWork_PHP7.0</a>
				</p>
			</div>
			<div class="right">
				<a href="">
					<img src="https://static.acgxt.com/images/xt-icon.webp" />
				</a>
			</div>
		</div>
	</div>
</body>

</html>